<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>富顺天牧</title>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="../adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css"><!-- Theme style -->
    <link rel="stylesheet" href="../adminlte/dist/css/AdminLTE.min.css">

    <script type="text/javascript" src="../3thjs/axios.min.js"></script>
    <script type="text/javascript" src="../3thjs/vue.js"></script>


    <!-- jQuery 3 -->
    <script src="../adminlte/bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="../adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

    <script src="../js/console.js"></script>
    <script src="../js/global.js"></script>


</head>
<body style="background-color: white; padding: 0; margin: 0;">
<div class="wrapper" style="background: transparent; margin: 0;" id="my-div">

    <div class="row" style="margin-left: 12pt; margin-top: 12pt;">
        <div class="col-xs-3" style="padding: 0; margin-right: 10pt;">
            <input v-model="sValue" id="filter" type="text" class="form-control" placeholder="筛选条件">
        </div>
        <button type="button" class="btn btn-primary" style="width: 100pt;" @click="queryLog()">查找</button>
        <button type="button" class="btn btn-github" style="width: 100pt; margin-left: 10pt" @click="openLog()">启用日志</button>
        <button type="button" class="btn bg-orange" style="width: 100pt; margin-left: 10pt" @click="closeLog()">关闭日志</button>
        <button type="button" class="btn btn-danger" style="width: 100pt; margin-left: 10pt" @click="clearLog()">清空日志</button>
    </div>

    <div style="margin: 12pt;">

        <table id="table-main" class="table table-bordered table-hover">
            <thead>
            <tr style="padding: 0;">
                <th style="width: 40pt;">序号</th>
                <th>时间</th>
                <th style="width: 40pt;">级别</th>
                <th>内容</th>
            </tr>
            </thead>

            <tbody>

            <tr selectable="true" v-for="(l, i) in list">
                <td>{{i + 1}}</td>
                <td style="white-space: nowrap;">{{l.time_str.substring(5)}}</td>
                <td v-if="l.level=='warn'"><label style="color: #e96f24;">{{l.level}}</label></td>
                <td v-else-if="l.level=='error'"><label style="color: #e92e0c;">{{l.level}}</label></td>
                <td v-else><label>{{l.level}}</label></td>
                <td>{{l.content}}</td>
            </tr>
            </tbody>
        </table>

        <div include="pagination_view.html"></div>
    </div>


</div>
</body>


</html>
